<template>
	<view class="container">
		<u-navbar :is-back="true" title="功能室详情" back-icon-color='#333333' height="50" :border-bottom="false">
		</u-navbar>
		<view class="list">
			<view class="name">
				<text>名称:</text>
				<text>大会会议</text>
			</view>
			<view class="num">
				<text>ID:</text>
				<text>100908</text>
			</view>
			<view class="address">
				<text>地点</text>
				<text>行政楼1009-会议室</text>
			</view>
			<view class="type">
				<text>类型</text>
				<text>会议室</text>
			</view>
			<view class="galleryful">
				<text>容纳人数</text>
				<text>90</text>
			</view>
			<view class="remarks">
				<text>备注</text>
				<text>明日开会，每人需要带上纸笔，望各位老师遵守时间不要迟到。</text>
			</view>
			<view class="" style="width:100rpx; height:45rpx;">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
	
			}
		}
	}
</script>

<style lang="scss">
	.container {
		width: 100%;
		overflow: hidden;
		background: #F2F2F2;
		height: 100vh;

		.list {
			width: 100%;
			margin-top: 20rpx;
			background: #fff;

			.name {
				width: 710rpx;
				margin-left: 20rpx;
				height: 62rpx;
				display: flex;
				justify-content: flex-start;

				text {
					font-size: 30rpx;
					color: #333333;
					margin-top: 25rpx;

					&:nth-child(1) {
						width: 100rpx;
					}

					&:nth-child(2) {}
				}
			}

			.num {
				width: 710rpx;
				margin-left: 20rpx;
				border-bottom: 1px solid #F2F2F2;
				height: 91rpx;
				display: flex;
				justify-content: flex-start;

				text {
					font-size: 30rpx;
					color: #333333;
					margin-top: 25rpx;

					&:nth-child(1) {
						margin-left: 30rpx;
						width: 75rpx;
					}

					&:nth-child(2) {}
				}
			}

			.address {
				width: 710rpx;
				margin-left: 20rpx;
				height: 60rpx;
				display: flex;
				justify-content: flex-start;

				text {
					font-size: 26rpx;
					margin-top: 30rpx;

					&:nth-child(1) {
						color: #666666;
						width: 150rpx;
					}

					&:nth-child(2) {
						color: #333333;
					}
				}
			}

			.type {
				width: 710rpx;
				margin-left: 20rpx;
				height: 60rpx;
				display: flex;
				justify-content: flex-start;

				text {
					font-size: 26rpx;
					margin-top: 30rpx;

					&:nth-child(1) {
						color: #666666;
						width: 150rpx;
					}

					&:nth-child(2) {
						color: #333333;
					}
				}
			}

			.galleryful {
				width: 710rpx;
				margin-left: 20rpx;
				height: 60rpx;
				display: flex;
				justify-content: flex-start;

				text {
					font-size: 26rpx;
					margin-top: 30rpx;

					&:nth-child(1) {
						color: #666666;
						width: 150rpx;
					}

					&:nth-child(2) {
						color: #333333;
					}
				}
			}

			.remarks {
				width: 710rpx;
				margin-left: 20rpx;
				height: 100rpx;
				display: flex;
				justify-content: flex-start;

				text {
					font-size: 26rpx;
					margin-top: 30rpx;

					&:nth-child(1) {
						color: #666666;
						width: 192rpx;
					}

					&:nth-child(2) {
						color: #333333;
					}
				}
			}
		}
	}
</style>
